<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- TDK -->
	<title>小U商城</title>
	<meta name="description" content="Java培训，Java培训机构，中公优就业">
	<meta name="keywords" content="Java培训，Java培训机构，中公优就业">
	<!-- 引入js -->
	<script src="./js/remScale.js"></script>
	<!-- 引入清除样式 -->
	<link rel="stylesheet" href="./css/normalize.css">
	<!-- 用不习惯  再引用 -->
	<link rel="stylesheet" href="./css/reset.css">
	<!-- 引入公共样式 -->
	<link rel="stylesheet" href="./css/public.css">
	<!-- 引入本页样式 -->
	<link rel="stylesheet" href="./css/goods-part.css">
</head>
<body>
	<div class="pape">
		<div class="top">
            <a href="./goods-tab.html">
				<img src="./images/top-arrow.png" alt="">
			</a>
            <p>溪牧原山茶花洁面阿斯加德请问进口请问</p>
            <img src="./images/top-nav.png" alt="">
        </div> 
		<nav>
            <p class="click">商品</p>
            <p>评价</p>
            <p>详情</p>
            <p>推荐</p>
        </nav>
		<article>
			<div class="img"></div>
			<div class="missege">
				<div class="money">
					<h3>
						<span>￥</span>999
						<del>￥1099</del>
					</h3>
					<div class="collert">
						<img src="./images/商品详情_收藏.png" alt="">
						<p>收藏</p>
					</div>
				</div>
				<h3>溪牧原山茶花洁面泡沫 氨基酸洗面奶 150ML</h3>
				<h4>敏感肌可用，控油祛痘、男女可用、泡沫绵密、净透毛孔</h4>
				<div class="line-time">
					11.11显示299元起
				</div>
				<div class="see-goods">
					<p>此商品与2020-11-11,00点结束闪购特卖，品牌美妆闪购专场</p>
					<a href="#">
						查看
						<img src="./images/商品详情_查看.png" alt="">
					</a>
				</div>
			</div>
			<div class="buy-mode">
				<div class="mode">
					<h4>领券</h4>
					<div class="nub">
						<div>
							<span>
								￥300
							</span>
						</div>
						<div>
							<span>
								￥300
							</span>
						</div>
						<div>
							<span>
								￥300
							</span>
						</div>
					</div>
				</div>
				<div class="mode not-buy">
					<h4>分期</h4>
					<div class="nub">
						<p>可选3/6/12期</p>
						<img src="./images/商品详情_分期.png" alt="">
					</div>
				</div>
			</div>
		</article>、
		<div class="shop-car">
			<div>
				<img src="./images/商品详情-联系客服.png" alt="">
				<p>客服</p>
			</div>
			<div>
				<img src="./images/商品详情-店铺.png" alt="">
				<p>店铺</p>
			</div>
			<div>
				<img src="./images/商品详情-购物车.png" alt="">
				<p>购物车</p>
			</div>
			<a href="./shop-car.html">
				<button class="in-shopcar">
					加入购物车
				</button>
			</a>
			<button class="buy-now">
				立即购买
			</button>
		</div>
	</div>
</body>
</html>